<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>店铺信息</title>
    <!--引入swipper.css-->
    <link rel="stylesheet" href="../lib/swiper/swiper-3.3.1.min.css">
    <!--  引入  weui.css jquery-weui.css jQuery WeUI 依赖 weui.css 和 jQuery，但是请注意要使用正确的版本。-->
    <link rel="stylesheet" href="../lib/weui/weui.css">
    <link rel="stylesheet" href="../lib/weui/jquery-weui.css">
    <!--引入ydui.css-->
    <link rel="stylesheet" href="../lib/ydui/ydui.css">
    <!--引入jquery-->
    <script src="../lib/jquery/jquery-2.1.4.min.js"></script>
    <!--引入Vue-->
    <script src="../lib/vue/vue.min.js"></script>
    <!--引入jquery-weui.js-->
    <script src="../lib/weui/jquery-weui.min.js"></script>
    <!--引入flexible.js-->
    <script src="../lib/flexible/flexible.js"></script>
    <!--引用handler.js-->
    <script src="../lib/template/handlebars-v4.0.5.js"></script>
    <!--引入Swiper.js-->
    <script src="../lib/swiper/swiper-3.3.1.min.js"></script>
    <!--引入公共css-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入公共common.js-->
    <script src="../lib/common/common.js"></script>
    <!--引用的高德地图key值-->
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=4a509f214a062896bf59750c168d8495&plugin=AMap.Geocoder"></script>
    <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
    <!--bengin css-->
    <link href="../css/member/storeInfo.css" rel="stylesheet" type="text/css"/>

</head>
<body class="member">
<div class="container back-show" id="storeInfId" >
    <!--页面内容区-->
    <div>
        <div class="shop-bg">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="sp-people">
            <div class="sp-logo">
                <img v-bind:src=logoPath>
                <span>{{storeName}}</span>
            </div>
            <div class="sp-salesclerk">
                <div class="manager-box">
                    <div class="manager-item-box">
                        <!--店长 信息-->
                        <div class="manager-item" v-for="(item,index) in memebersInf">
                            <img class="manager-src" v-bind:src=item.picture>
                            <p class="manager-name">{{item.nickName}}<span>店长</span></p>
                        </div>
                        <!--/店长 信息-->
                        <!--专属导购 信息-->
                        <div class="manager-item" v-for="(item,index) in shopperInf">
                            <img class="manager-src" v-bind:src=item.picture>
                            <p class="manager-name">{{item.nickName}}<span class="belong">专属导购</span></p>
                            <a href="javascript:;" class="belong"><img class="belong-src" src=""></a>
                        </div>
                        <!--/专属导购  信息-->
                    </div>
                </div>
                <div class="staff-box clearfix">
                    <div class="staff-item-box">
                        <!--店员 信息-->
                        <div class="staff-item" v-for="(item,index) in staffInf">
                            <img class="staff-src" v-bind:src=item.picture>
                            <p class="staff-name">{{item.nickName}}<span>店员</span></p>
                        </div>
                        <!--/店员 信息-->
                    </div>
                </div>
            </div>
        </div>
        <div style="width: 100%; height: 5px; background: #f0f0f2;"></div>
        <div class="sp_address">
            <div class="address-info">
                <p class="p1"><img src="../images/shop/sp_remark.png"/> {{storeAddress}}</p>
                <p class="p2"><img src="../images/shop/sp_tel.png"/>
                    <a v-bind:href="storeTel" v-text=tel></a>
                </p>
            </div>
            <div id="map_container" class="sp-pic" style="width: 100%;height: 8rem"></div>
            <div class="map_pic"></div>
        </div>
        <div style="width: 100%; height: 5px; background: #f0f0f2;"></div>

        <div class="delivery-method">
            <h2><span style="display: inline-block;margin-left: 1.2rem;">配送方式</span>
                <span class="fr">服务说明</span>
            </h2>
            <!--及时送-->
            <div v-for="(item,index) in deliveryWays">
                <div class="method flashExpress" v-if="item.deliveryWay==1">
                    <div class="fl method-pic"></div>
                    <div class="fl method-tex">
                        <p class="method-p1">及时送<span class="span1">{{item.flashExpressBeginTime}}-{{item.flashExpressEndTime}}</span><span class="span2">{{item.distance}}公里</span><span class="span3">5元</span></p>
                        <p class="method-p2">店铺送货，2小时内极速送达</p>
                    </div>
                </div>
                <!--快递送-->
                <div class="method express" v-if="item.deliveryWay==3">
                    <div class="fl method-pic pic1"></div>
                    <div class="fl method-tex">
                        <p class="method-p1">快递送</p>
                        <p class="method-p2"><span>{{item.priceNoFreight}}</span>包邮，48小时内发货</p>
                    </div>
                </div>
                <!--到店取-->
                <div class="method install" v-if="item.deliveryWay==2">
                    <div class="fl method-pic pic2"></div>
                    <div class="fl method-tex">
                        <p class="method-p1">到店取<span class="smallTime">{{item.installBeginTime}}-{{item.installEndTime}}</span></p>
                        <p class="method-p2">上门自提，无运费</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--/页面内容区-->
</div>
<!--服务说明-->
<div class="service-note" style="">
    <div class="juan-content back-show animation-slide-right">
        <div class="grid-head-tab">
            <div class="grid-head-box">
                <div class="grid-head-l">
                    <a href="javascript:;" onclick="returnServer()"><img src="../images/return.png"></a>
                </div>
                <div class="grid-head-cen">服务说明</div>
                <div class="grid-head-r"></div>
            </div>
        </div>
        <ul>
            <li>
                <h2>及时送服务说明</h2>
                <p>在服务时间内，距离店铺<span class="distence"></span>km以内的用户订单可选择此项服务，店铺会在收到订单后的2小时内安排人员配送至用户并当面签收。若下单时间不在及时送服务时间内，则会在下一个配送时间内安排及时送服务。</p>
            </li>
            <li>
                <h2>快递送服务说明</h2>
                <p>所有用户订单可选择此项服务，店铺会在收到订单后的48小时内通过快递公司发货。</p>
            </li>
            <li>
                <h2>到店取服务说明</h2>
                <p>所有用户订单可选择此项服务，店铺会在收到订单后的30分钟内备货完成，等待用户至门店取货，当面签收。若下单时间不在到店取服务时间内，用户可以选择在其他到店取服务时间内去门店取货。</p>
            </li>
        </ul>

    </div>
</div>
<!--服务说明-->

<!--begin js -->
<script src="../lib/ydui/ydui.js"></script>
<script src="../js/member/storeInfo.js" type="text/javascript"></script>
</body>
</html>